<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css背景</title>
		<style>
			body{
				/* background-image: url(img/背景.jpg);
				background-repeat: no-repeat;
				background-attachment: scroll;/* 背景随着页面滚动 (默认值)*/
				/* background-attachment:fixed;/* 页面滚动而背景固定 */
				/* background-position: right bottom; /* 左中右 */ 
				 */
				/* 复合写法 */
				/* background:color image  reapt attachment position/size */
			} 
			.box{
				width: 900px;
				height: 1900px;
				background-color:rgba(255, 135, 25, .5)
				
				border: 1px solid lemonchiffon;
				
			}
		</style>
	</head>
	<body>
		
		<!-- 1.背景颜色
		 background-color
		 rgba中a是透明度
		 thransparent:透明色 
		 2.背景图片
		 background-image: url（）
		 背景图片重复显示：background-repeat
		 repeat-x:横向重复。
		  背景图片不重复显示：background-no-repeat-->
		 <div class="box">
			 <h2>古茗</h2>
		 </div>
	</body>
</html>
